<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>baked&goods</title>
    <link type="text/css" href="css/font-awesome.min.css" rel="stylesheet">
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="css/ionicons.min.css" rel="stylesheet">
    <link type="text/css" href="css/common.css" rel="stylesheet">
    <link type="text/css" href="css/production-manage.css" rel="stylesheet">
</head>
<body class="row">
<div class="col-md-2 left">
    <div class="left-top">
        <img src="images/logo.png" width="113" height="30" class="img-logo"/>
    </div>
    <input class="search" type="text" placeholder="SEARCH...">
    <img src="images/search.png" width="14" height="14" class="img-search">
    <ul class="f-16 parent">
        <li id="production-parent">
            <a href="#"><img src="images/production-manage.png" width="22" height="22"> 商品管理<i class="fa fa-angle-double-right back"></i></a>
        </li>
        <li class="production-child">
            <a href="total-infor.html"><i class="fa  fa-hand-o-right second"></i>货柜管理</a></li>
        </li>
        <li class="production-child">
            <a href="production-manage.html"><i class="fa  fa-hand-o-right second"></i>订单管理</a></li>
        </li>
        <li id="home-parent">
            <a href="#"><img src="images/home.png" width="22" height="20"> 首页管理<i class="fa fa-angle-double-right back"></i></a>
        </li>
        <li class="home-child">
            <a href="homeUploadImg.html"><i class="fa  fa-hand-o-right second"></i>轮播图上传</a>
        </li>
        <li class="home-child">
            <a href="releaseAnnounce.html"><i class="fa  fa-hand-o-right second"></i>公告发布</a>
        </li>
        <li>
            <a href="send-more.html"><img src="images/information.png" width="22" height="22"> 站内信<i class="fa fa-angle-double-right back"></i></a>
        </li>
    </ul>
</div>
<div class="col-md-10 right f-r">
    <header>
        <p class="f-16 t-c" id="time"></p>
        <p class="f-10 t-c" id="date"></p>
        <div class="welcome">
            <img src="images/message.png" width="25" height="27">
            <div class="circle color-white f-10 t-c">4</div>
            <img src="images/user.png" id="user" width="32" height="32">
            <p class="f-14" id="welcome"></p>
        </div>
    </header>
    <main>
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active" id="information"><a href="#content-orderinfo" role="tab" data-toggle="tab">订单信息</a></li>
            <li role="presentation" id="modify"><a href="#content-ordermodify" role="tab" data-toggle="tab">订单修改</a></li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="content-orderinfo">
                <table class="m-b-20" width="800">
                    <tr>
                        <td class="f-16 color-my" colspan="2">订单统计信息</td>
                    </tr>
                    <tr>
                        <td>未处理订单：</td>
                        <td><a href="#">23个</a></td>
                    </tr>
                    <tr>
                        <td>待结算订单：</td>
                        <td><a href="#"> 45个</a></td>
                    </tr>
                    <tr>
                        <td>待发货订单：</td>
                        <td><a href="#">80个</a></td>
                    </tr>
                    <tr>
                        <td>已成交订单：</td>
                        <td><a href="#">280个</a></td>
                    </tr>
                    <tr>
                        <td>交易取消：</td>
                        <td><a href="#">8个</a></td>
                    </tr>
                </table>
                <button class="btn btn-default" id="btn-check">查看订单列表</button>
            </div>
            <div role="tabpanel" class="tab-pane" id="content-ordermodify">
                <button class="btn btn-default" id="btn-delete1">批量删除</button>
                <table width="900" id="tb-modify">
                    <tr class="f-14 color-my f-w1">
                        <td><input type="checkbox" name="all" id="benchdelete"></td>
                        <td>订单编号</td>
                        <td>客户账号</td>
                        <td>下单时间</td>
                        <td>订单状态</td>
                        <td>操作</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="part"></td>
                        <td>6101002231</td>
                        <td>xy_1122</td>
                        <td>2016-11-23</td>
                        <td>已结算</td>
                        <td><a href="#" class="change">修改</a><a href="#" class="delete">|删除</a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="part"></td>
                        <td>6101002232</td>
                        <td>sdssf343</td>
                        <td>2016-11-23</td>
                        <td>已结算</td>
                        <td><a href="#" class="change">修改</a><a href="#" class="delete">|删除</a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="part"></td>
                        <td>6101002233</td>
                        <td>齐天大圣12</td>
                        <td>2016-11-22</td>
                        <td>已发货</td>
                        <td><a href="#" class="change">修改</a><a href="#" class="delete">|删除</a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="part"></td>
                        <td>6101002233</td>
                        <td>pleasecalee</td>
                        <td>2016-11-22</td>
                        <td>已完成</td>
                        <td><a href="#" class="change">修改</a><a href="#" class="delete">|删除</a></td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="content-orderform">
            <button class="btn btn-default" id="btn-back">返回订单信息</button>
            <button class="btn btn-default" id="btn-delete2">批量删除</button>
            <table width="900" id="tb-details">
                <tr class="f-14 color-my f-w1">
                    <td><input type="checkbox" name="all2" id="benchdelete2"></td>
                    <td>订单编号</td>
                    <td>客户账号</td>
                    <td>下单时间</td>
                    <td>订单状态</td>
                    <td>操作</td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="part2"></td>
                    <td>6101002231</td>
                    <td>xy_1122</td>
                    <td>2016-11-23</td>
                    <td>已结算</td>
                    <td><a href="#" class="change">详情</a><a href="#" class="delete">|删除</a></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="part2"></td>
                    <td>6101002232</td>
                    <td>sdssf343</td>
                    <td>2016-11-23</td>
                    <td>已结算</td>
                    <td><a href="#" class="change">详情</a><a href="#" class="delete">|删除</a></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="part2"></td>
                    <td>6101002233</td>
                    <td>齐天大圣12</td>
                    <td>2016-11-22</td>
                    <td>已发货</td>
                    <td><a href="#" class="change">详情</a><a href="#" class="delete">|删除</a></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="part2"></td>
                    <td>6101002234</td>
                    <td>pleasecalee</td>
                    <td>2016-11-22</td>
                    <td>已完成</td>
                    <td><a href="#" class="change">详情</a><a href="#" class="delete">|删除</a></td>
                </tr>
            </table>
        </div>
        <div id="content-orderdetails" class="clearfix">
            <div id="info" class="color-my f-14"><img src="images/modify.png" width="22" height="22">点击信息进行修改</div>
            <div class="detaleft f-l m-b-20">
                <ul>
                    <li>* 订单编号：</li>
                    <li>商品名称：</li>
                    <li>* 客户账号：</li>
                    <li>下单时间：</li>
                    <li>订单状态：</li>
                    <li>配送方式：</li>
                    <li>*发货时间：</li>
                    <li>*收货时间：</li>
                    <li>* 订单总金额：</li>
                </ul>
                <form>
                    <input type="text" value="982345672323223" readonly>
                    <a href="#" id="prodetail">查看商品详细信息</a>
                    <input type="text" value="xy_1122" readonly>
                    <input type="text" value="2016-11-23 23:45:32">
                    <select>
                        <option>未处理订单</option>
                        <option>待结算订单</option>
                        <option>待发货订单</option>
                        <option>已成交订单</option>
                        <option>订单已取消</option>
                    </select>
                    <select>
                        <option>圆通快递</option>
                        <option>申通快递</option>
                        <option>中通快递</option>
                        <option>天天快递</option>
                        <option>顺风速递</option>
                        <option>韵达快递</option>
                    </select>
                    <input type="text" value="2016-11-23" readonly>
                    <input type="text" value="2016-11-27" readonly>
                    <input type="text" value="34.9元" readonly>
                </form>
            </div>
            <div class="detaright f-r m-b-20">
                <div class="detaright-ems">
                    <ul>
                        <li>快递公司联系电话：</li>
                        <li>配送员：</li>
                    </ul>
                    <form>
                        <input type="text" value="18829385647">
                        <input type="text" value="王大宝">
                    </form>
                </div>
                <div class="white"></div>
                <div class="detaright-customer">
                    <ul>
                        <li>收货人姓名：</li>
                        <li>收货地址：</li>
                        <li>收货人联系电话：</li>
                        <li>收货人备注信息：</li>
                    </ul>
                    <form>
                        <input type="text" value="梁雪丽">
                        <input type="text" value="陕西省西安市长安区西安邮电大学">
                        <input type="text" value="15829015497">
                        <input type="text" value="非本人收货">
                    </form>
                </div>
            </div>
            <p class="f-12 color-my">注： * 所标选项不得修改</p>
            <button class="btn btn-default" id="btn-confirm">确定修改</button>
            <button class="btn btn-default" id="btn-cancle">删除该订单</button>
        </div>
    </main>
    <div id="cover"></div>
    <div id="ProductionInfo">
        <table>
            <tr id="title">
                <td>商品名称</td>
                <td>数量</td>
                <td>尺寸</td>
                <td>价格</td>
            </tr>
            <tr>
                <td>提拉米苏</td>
                <td>1</td>
                <td>20磅</td>
                <td>￥24</td>
            </tr>
            <tr>
                <td>甜蜜公主</td>
                <td>2</td>
                <td>20磅</td>
                <td>￥89.9</td>
            </tr>
        </table>
        <button class="btn btn-default" id="know">我知道了</button>
    </div>
    <footer>
        <strong class="m-l-20">Copyright © 2016 <a href="http://thoughtcoding.csxupt.com">新卓越计算机教育</a>.</strong> All rights reserved.
    </footer>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/common.js" charset="GB2312"></script>
<script type="text/javascript" src="js/production-manage1.js" charset="GB2312"></script>
<script type="text/javascript" src="js/ajax.js" charset="gb2312"></script>
</body>
</html>